<template>
  <Child :init="username" />
  <Child :init="12" />
  <Child :init="age" />
  <Child :init="false" />
  <Child :init="isFlag" />
  <Child :init="['唱歌', '跳舞', '滑冰']" />
  <Child :init="hobby" />
  <Child :init="{ height: '180厘米', weight: '70千克' }" />
  <Child :height="bodyInfo.height" :weight="bodyInfo.weight" />
  <Child v-bind="bodyInfo" />
</template>
<script setup>
import Child from "./Child.vue";
import { ref } from "vue";
import { reactive } from "vue";

const username = ref("小圆");
const age = ref(12);
const isFlag = ref(false);
const hobby = ref(["唱歌", "跳舞", "滑冰"]);
const bodyInfo = reactive({
  height: "180厘米",
  weight: "70千克",
});
</script>
